/* 路由配置 */
// 引入路由组件
import HeaderBar from '@/components/header-bar'
import FooterBar from '@/components/footer-bar'
import Home from '@/views/home'
import Shopping from '@/views/shopping'
import Discuss from '@/views/discuss'
import Message from '@/views/message'
import Mine from '@/views/mine'

// 定义路径数组
const routes = [
  {
    path: '/',
    redirect: '/home' // 重定向
  },
  {
    path: '/home',
    components: {
      header: HeaderBar, // 向名称为default 的视图中渲染
      default: Home,
      footer: FooterBar
    },
    meta: { // meta,路由元信息，实在开发过程中需要使用到的一些额外数据
      inHeader: true, // 是否显示到 header 上
      inFooter: true, // 是否显示到 footer 上
      title: '首页', // 显示的文本标题
      icon: '&#xe625;' // footer 图标 Unicode 编码
    }
  },
  {
    path: '/shopping',
    components: {
      default: Shopping,
      footer: FooterBar
    },
    meta: { // meta,路由元信息，实在开发过程中需要使用到的一些额外数据
      inFooter: true, // 是否显示到 footer 上
      title: '商城', // 显示的文本标题
      icon: '&#xe620;' // footer 图标 Unicode 编码
    }
  },
  {
    path: '/discuss',
    components: {
      default: Discuss,
      footer: FooterBar
    },
    meta: { // meta,路由元信息，实在开发过程中需要使用到的一些额外数据
      inFooter: true, // 是否显示到 footer 上
      title: '美丽说', // 显示的文本标题
      icon: '&#xe695;' // footer 图标 Unicode 编码
    }
  },
  {
    path: '/message',
    components: {
      default: Message,
      footer: FooterBar
    },
    meta: { // meta,路由元信息，实在开发过程中需要使用到的一些额外数据
      inFooter: true, // 是否显示到 footer 上
      title: '消息', // 显示的文本标题
      icon: '&#xe646;' // footer 图标 Unicode 编码
    }
  },
  {
    path: '/mine',
    components: {
      default: Mine,
      footer: FooterBar
    },
    meta: { // meta,路由元信息，实在开发过程中需要使用到的一些额外数据
      inFooter: true, // 是否显示到 footer 上
      title: '我的', // 显示的文本标题
      icon: '&#xe608;' // footer 图标 Unicode 编码
    }
  }
]

export default routes
